/*-- GUI EDITABLE: { --*/ .gui-editable { position: relative; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 100%; margin: -1px; padding: 1px 49px 1px 1px; text-align: left; line-height: 1em; white-space: nowrap; } .gui-editable__editor { position: absolute; top: 1px; right: 73px; left: 1px; z-index: 4; display: none; width: auto; height: 22px; } .gui-editable__input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 0; margin: 0; font-size: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; cursor: text; } .gui-editable__view { display: block; line-height: 22px; cursor: text; } .gui-editable__value { display: inline-block; padding:0 2px; white-space: nowrap; } .gui-editable__value_empty { display: none; } .gui-editable__toolbar {} .gui-editable__button { width: 22px; } .gui-editable__button_edit { position: absolute; top: 1px; right: 25px; } .gui-editable__button_save { position: absolute; top: 1px; right: 49px; display: none; } .gui-editable__button_cancel { position: absolute; top: 1px; right: 25px; display: none; } .gui-editable__button_reset { position: absolute; top: 1px; right: 1px; font-size: 1.1em; } .gui-editable_editing { min-width: 100%; padding-right: 48px; } .gui-editable_editing .gui-editable__editor { display: block; } .gui-editable_editing .gui-editable__view { visibility: hidden; } .gui-editable_editing .gui-editable__button_edit { display: none; } .gui-editable_editing .gui-editable__button_save { display: inline-block; } .gui-editable_editing .gui-editable__button_cancel { display: inline-block; } .gui-editable_placeholder { color: #aaa; } .gui-editable_placeholder .gui-editable__value { display: none; } .gui-editable_placeholder .gui-editable__value_empty { display: inline-block; } .gui-editable_overflow {} .gui-editable_overflow .gui-editable__view { overflow: hidden; margin-right: 22px; } .gui-editable_overflow .gui-editable__view:after { content: '\2026'; position: absolute; top: 0; right: 22px; width: 22px; height: 22px; padding: 0; text-align: left; } /*-- HACKS: { --*/ /*-- MOZILLA: { --*/ @-moz-document url-prefix() { .gui-editable__input { padding-left: 1px; } .gui-editable__input::-moz-focus-inner { margin: 0; padding: 0; border: 0 none; outline: 0 none; } .gui-editable__input::-moz-placeholder { color: rgb(55,55,55); } .gui-editable_placeholder { color: rgba(55,55,55, .5); } } /*-- } /mozilla. --*/ /*-- WEBKIT: { --*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .gui-editable__view { padding-top: 1px; } } /*-- } /webkit. --*/ /*-- } /hacks. --*/ /*-- } /gui editable. --*/